<template>
  <div class="news">
    <van-nav-bar
      title="消息"
    >
    </van-nav-bar>
    <van-empty
      class="custom-image"
      image="https://img.yzcdn.cn/vant/custom-empty-image.png"
      description="还没有消息哦~"
    />
  </div>
</template>

<script>
export default {
  name: 'News'
}
</script>

<style lang="scss">
.news {
  width:100%;
  height:100%;
  .van-empty {
    height:100%;
    .custom-image .van-empty__image {
      width: 90px;
      height: 90px;
    }
  }
}
html,
body,
.news {
  height: 100%;
}
.news {
  display: flex;
  flex-direction: column;
  .center {
    flex: 1;
    overflow-x: hidden;
  }
}
</style>
